<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index page</title>
    <link rel="stylesheet" href="{{url_for('monitor.static', filename='content/bootstrap.css')}}">
    <link rel="stylesheet" href="{{url_for('monitor.static', filename='content/layout.css')}}">
    {% block style %}
    {% endblock %}
</head>
<body>
    {% block mainbody %}{% endblock %}

    {% block footer %}{% endblock %}
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/jquery-1.12.4.min.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/bootstrap.js')}}"></script>
    <script type="text/javascript" src="{{url_for('monitor.static', filename='scripts/avalon.js')}}"></script>

    <script>
        $(document).ready(function () {
            avalon.config({
               interpolate: ["{$", "$}"]
            });
        });
    </script>

    {% block scripts %}

    {% endblock %}
</body>
</html>